<template>
  <div class="rightcontent">
    <div class="contentup" v-if="currNavInfo">{{currNavInfo.name}}</div>
    <div class="contentup" v-else-if="firstNav.type == 4">所有{{firstNav.name}}</div>
    <div class="contentup" v-else-if="firstNav.type == 2">所有产品</div>
    <div v-if="!currNavInfo">
      <div v-if="firstNav.type == 1">
        <div v-html="firstNav.content"></div>
      </div>
      <productList v-if="firstNav.type == 2"/>
      <news v-if="firstNav.type == 3"/>
      <caseList v-if="firstNav.type == 4"/>
      <files v-if="firstNav.type == 5"/>
    </div>
    <template v-else>
      <div v-if="currNavInfo.type == 1">
        <div v-html="currNavInfo.content"></div>
      </div>
      <productList v-if="currNavInfo.type == 2"/>
      <news v-if="currNavInfo.type == 3"/>
      <caseList v-if="currNavInfo.type == 4"/>
      <files v-if="currNavInfo.type == 5"/>
    </template>
  </div>
</template>
<script>
import news from './news.vue'
import files from './files.vue'
import caseList from './caseList.vue'
import productList from './productList.vue'
export default {
  components: {
    news,
    files,
    caseList,
    productList
  },
  data() {
    return {
    }      
  },
  computed: {
  }
}
</script>